body {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

.boxAll {
  width: 1000px;
  margin: 20px auto;

  .baidu {

    // 百度logo
    .baiduLogo {
      display: flex;
      justify-content: center;
      align-items: center;

      img {
        width: 270px;
        height: 130px;
      }
    }

    // 搜索框
    .search {
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 10px;
      box-sizing: border-box;

      input {
        width: 550px;
        height: 44px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-right: none !important;
        border: 2px solid #c4c7ce;
        text-indent: 16px;
        box-sizing: border-box;
        position: relative;
      }

      input:hover {
        border: 2px solid #a7aab5;
      }

      input:focus {
        outline: none;
        border: 2px solid #4e6ef2;
      }

      // icon
      i {
        position: absolute;
        right: 600px;
        top: 170px;
        font-size: 24px;
        color: #999;
        cursor: pointer;
        font-weight: 500;
      }

      i:hover {
        color: #4e6ef2;
      }

      // 百度一下
      div {
        background-color: #4e6ef2;
        height: 44px;
        width: 108px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 17px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
      }
    }

    // 百度热搜-换一换
    .topSearch {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 658px;
      margin: auto;
      height: 50px;
      cursor: pointer;
      margin-bottom: -15px;
      .topSearch-left {
        display: flex;
        align-items: center;
        color: #222;
        font-weight: 600;
        i {
          font-size: 26px;
          vertical-align: top;
          color: #9195A3;
          font-weight: 300;
        }
      }

      .topSearch-right {
        color: #626675;
      }
    }

    // 内容 
    .list{
      font-size: 16px;
      ul{
        display: flex;
        flex-wrap: wrap;
        li{
        width: 50%;
        }
      }
      li:hover{
        color: #4e6ef2;
      }
      span{
        padding-right: 15px;
        font-weight: bold;
      }
    }

    main {
      width: 658px;
      display: flex;
      margin: auto;
      justify-content: space-between;
      align-items: center;

      ul {
        padding: 0;

        li {
          height: 30px;
        }
      }
    }
  }

  .todoList{
      width: 650px;
      margin: 40px auto 0; 
    }
    .top{
      width: 100%;
      background-color: #daedcde2;
      margin-bottom: 20px;
    }
    .search2{
      display: flex;
      padding: 0 0 20px 20px;
    }
    .ipt{
      width: 500px;
      padding-left: 10px;
      border:none;
    }
    .height{
      height: 30px;
      width: 46px;
    }
    /* 内容 */
    .list{
      display: flex;
      justify-content: space-between;
      padding-left: 20px;
      padding-bottom: 14px;
      border-bottom: 1px dashed #222;
    }
    .num{
      padding:0 16px;
    }
    .record{
      padding:0 12px;
    }
}